Vue.component('Detail', {
	template: `
		<el-dialog title="查看详情" width="600px" class="icon-dialog" :visible.sync="show" @open="open" :before-close="closeForm" append-to-body>
			<table cellpadding="0" cellspacing="0" class="table table-bordered" align="center" width="100%" style="word-break:break-all; margin-bottom:30px;  font-size:13px;">
				<tbody>
					<tr>
						<td class="title" width="100">关联资源id：</td>
						<td>
							{{form.related_id}}
						</td>
					</tr>
					<tr>
						<td class="title" width="100">人工手机号：</td>
						<td>
							<span v-if="form.mobile">{{form.mobile}}</span>
						</td>
					</tr>
					<tr>
						<td class="title" width="100">人工手机号录入时间：</td>
						<td>
							{{parseTime(form.mobile_time)}}
						</td>
					</tr>
					<tr>
						<td class="title" width="100">AI手机号录入时间：</td>
						<td>
							{{form.ai_mobile_time}}
						</td>
					</tr>
					<tr>
						<td class="title" width="100">高德AI_手机号：</td>
						<td>
							{{form.gd_ai_mobile}}
						</td>
					</tr>
					<tr>
						<td class="title" width="100">百度AI_手机号：</td>
						<td>
							{{form.bd_ai_mobile}}
						</td>
					</tr>
					<tr>
						<td class="title" width="100">url：</td>
						<td>
							<span v-if="form.url">{{form.url}}</span>
						</td>
					</tr>
					<tr>
						<td class="title" width="100">高德接口搜索：</td>
						<td>
							<span v-if="form.gd_interface_search == '1'">无门脸+主分类+市-区-详细地址</span>
							<span v-if="form.gd_interface_search == '2'">无门脸+子分类+市-区-详细地址</span>
							<span v-if="form.gd_interface_search == '3'">不成功</span>
							<span v-if="form.gd_interface_search == '0'">未调佣</span>
							<span v-if="form.gd_interface_search == '4'">1条门脸+主分类+市-区-详细地址-图文</span>
							<span v-if="form.gd_interface_search == '5'">1条门脸+子分类+市-区-详细地址-图文</span>
						</td>
					</tr>
					<tr>
						<td class="title" width="100">高德接口列表过滤：</td>
						<td>
							<span v-if="form.gd_interface_list_filter == '1'">图文</span>
							<span v-if="form.gd_interface_list_filter == '2'">图文+地址</span>
							<span v-if="form.gd_interface_list_filter == '3'">图文+市+区</span>
							<span v-if="form.gd_interface_list_filter == '4'">图文+市+区+街道</span>
							<span v-if="form.gd_interface_list_filter == '6'">图文+市+区+街道+地址</span>
							<span v-if="form.gd_interface_list_filter == '5'">图文+市+区+地址</span>
							<span v-if="form.gd_interface_list_filter == '7'">不成功</span>
							<span v-if="form.gd_interface_list_filter == '0'">未调佣</span>
						</td>
					</tr>
					<tr>
						<td class="title" width="100">高德标签：</td>
						<td>
							{{form.gd_tag}}
						</td>
					</tr>
					<tr>
						<td class="title" width="100">百度地图接口：</td>
						<td>
							<span v-if="form.bd_interface_search == '1'">市+区+街道+地址+图文</span>
							<span v-if="form.bd_interface_search == '2'">市+区+街道+图文</span>
							<span v-if="form.bd_interface_search == '3'">不成功</span>
							<span v-if="form.bd_interface_search == '0'">未调佣</span>
						</td>
					</tr>
					<tr>
						<td class="title" width="100">百度地图列表过滤：</td>
						<td>
							<span v-if="form.bd_interface_list_filter == '1'">图文</span>
							<span v-if="form.bd_interface_list_filter == '2'">图文+市+区</span>
							<span v-if="form.bd_interface_list_filter == '3'">图文+地址</span>
							<span v-if="form.bd_interface_list_filter == '4'">图文+市+区+街道</span>
							<span v-if="form.bd_interface_list_filter == '5'">图文+市+区+地址</span>
							<span v-if="form.bd_interface_list_filter == '6'">图文+市+区+街道+地址</span>
							<span v-if="form.bd_interface_list_filter == '7'">不成功</span>
							<span v-if="form.bd_interface_list_filter == '0'">未调佣</span>
						</td>
					</tr>
					<tr>
						<td class="title" width="100">百度标签：</td>
						<td>
							{{form.bd_tag}}
						</td>
					</tr>
					<tr>
						<td class="title" width="100">门脸识别：</td>
						<td>
							<span v-if="form.facade == '1'">无门脸数据</span>
							<span v-if="form.facade == '2'">单条门脸数据</span>
							<span v-if="form.facade == '0'">未调佣</span>
							<span v-if="form.facade == '3'">多条门脸数据</span>
						</td>
					</tr>
					<tr>
						<td class="title" width="100">百度通用文字识别：</td>
						<td>
							<span v-if="form.bd_general_text == '1'">成功</span>
							<span v-if="form.bd_general_text == '2'">不成功</span>
							<span v-if="form.bd_general_text == '0'">未调佣</span>
						</td>
					</tr>
					<tr>
						<td class="title" width="100">腾讯通用文字识别：</td>
						<td>
							<span v-if="form.tx_general_text == '1'">成功</span>
							<span v-if="form.tx_general_text == '2'">不成功</span>
							<span v-if="form.tx_general_text == '0'">未调佣</span>
						</td>
					</tr>
					<tr>
						<td class="title" width="100">AI电话扫描状态：</td>
						<td>
							<span v-if="form.ai_mobile_status == '1'">扫描成功</span>
							<span v-if="form.ai_mobile_status == '0'">未扫描</span>
							<span v-if="form.ai_mobile_status == '2'">扫描失败</span>
						</td>
					</tr>
					<tr>
						<td class="title" width="100">地图接口状态：</td>
						<td>
								{{formatStr(form.map_status,'[{"key":"未返回","val":"0","label_color":"info"},{"key":"百度地图成功","val":"1","label_color":"success"},{"key":"高德地图成功","val":"2","label_color":"success"},{"key":"不成功","val":"3","label_color":"danger"}]')}}
						</td>
					</tr>
					<tr>
						<td class="title" width="100">店铺图片1：</td>
						<td>
							<el-image v-if="form.shop_img_1" class="table_list_pic" :src="form.shop_img_1"  :preview-src-list="[form.shop_img_1]"></el-image>
						</td>
					</tr>
					<tr>
						<td class="title" width="100">店铺图片2：</td>
						<td>
							<el-image v-if="form.shop_img_2" class="table_list_pic" :src="form.shop_img_2"  :preview-src-list="[form.shop_img_2]"></el-image>
						</td>
					</tr>
					<tr>
						<td class="title" width="100">手机号数量状态：</td>
						<td>
							<span v-if="form.mobile_num_status == '0'">失败</span>
							<span v-if="form.mobile_num_status == '1'">单手机号</span>
							<span v-if="form.mobile_num_status == '2'">多手机号</span>
							<span v-if="form.mobile_num_status == '3'">超出3个手机号</span>
						</td>
					</tr>
				</tbody>
			</table>
		</el-dialog>
	`
	,
	props: {
		show: {
			type: Boolean,
			default: true
		},
		size: {
			type: String,
			default: 'mini'
		},
		info: {
			type: Object,
		},
	},
	data() {
		return {
			form:{
			},
		}
	},
	methods: {
		open(){
			axios.post(base_url+'/AiMobileCheck/detail',this.info).then(res => {
				this.form = res.data.data
			})
		},
		closeForm(){
			this.$emit('update:show', false)
		}
	}
})
